<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李白诗词</title>
    <style>
        *{margin: 0;padding: 0;list-style-type: none;}
        a{
            color: inherit;
            text-decoration: none;
        }
        .wrap{
            width: 800px;
            height: 1050px;
            border: 1px solid #ccc;
            margin: auto;
        }
        .wrap .one{                                                                              
            height: 40px;
            width: 800px;
            margin: 10px auto 20px;
            border-bottom: 1px solid #ccc;
        }
        .wrap .one .box1{
            border-right: 2px solid black;
            margin-left: 310px;
        }
        .wrap .one .box2{
            border-right: 2px solid black;
        }
        .wrap .one a{
            padding-right: 6px;
            padding-left: 6px;
        }
        .wrap .two{
            height: 200px;
            width: 250px;
            margin: 10px auto 0px;
            background: url(../../img/学校实验/1\ 将进酒\ div.jpg) no-repeat;
        }
        .wrap .three h1{
            height: 50px;
            width: 150px;
            margin-left: 340px;
            margin-top: -10px;
        }
        .wrap .pmeo ul{
            /* border: 1px solid red; */
            width: 800px;
            height: 500px;
            margin: 5px auto 10px;
            border-bottom: 1px #ccc solid;
        }
        .wrap .pmeo ul li{
            text-align: center;
            letter-spacing: 1px;
            margin: 20px auto 20px;
            font-family: '宋体';
        }
        .wrap .last{
            height: 60px;
            width: 800px;
            text-align: center;
            margin: 40px auto 0;
            font-family: '宋体';
        }
        .wrap .last .tmp{
            margin-top: -20px;
        }
        .wrap .last p{
            margin-bottom: 10px;
        }
        @font-face {
            font-family: "宋体";
            src: url(../../front/苏新诗央行体.ttf);
        }
    </style>
</head>
<body>
    <div class="wrap">
        <div class="one">
            <a href="" class="box1">将进酒</a><a href="" class="box2">送友人</a><a href="">静夜诗</a>
        </div>
        <div class="two">

        </div>
        <div class="three">
            <h1>将进酒</h1>            
        </div>
        <div class="pmeo">
            <ul>
                <li>君不见，黄河之水天上来，奔流到海不复回。</li>
                <li>君不见，高堂明镜悲白发，朝如青丝暮成雪。</li>
                <li>人生得意须尽欢，莫使金樽空对月。</li>
                <li>天生我材必有用，千金散尽还复来。</li>
                <li>烹羊宰牛且为乐，会须一饮三百杯。</li>
                <li>岑夫子<sup>1</sup>，丹丘生<sup>2</sup>，将进酒，杯莫停。</li>
                <li>与君歌一曲，请君为我倾耳听。</li>
                <li>钟鼓馔玉不足贵，但愿长醉不复醒。</li>
                <li>古来圣贤皆寂寞，惟有饮者留其名。</li>
                <li>陈王昔时宴平乐，斗酒十千恣欢谑。</li>
                <li>主人何为言少钱，径须沽取对君酌。</li>
                <li>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</li>
            </ul>
        </div>
        <div class="last">
            <p class="tmp">1.岑夫子：人名</p>
            <p>2.丹丘生：人名</p>
        </div>
    </div>
</body>
</html>